<template>
  <page-body>
    <view class="page">
      <view class="flex align-stretch justify-between benben-position-layout flex findingworkers_flex_0"
        :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
        <view class='flex align-center justify-between flex-sub findingworkers_fd0_0'>
          <view class='flex align-center flex-sub' @tap.stop="getAdd" data-type="navigateTo"
            :data-url="`/pages/tabBar/home/chooseCitye`">
            <image class='findingworkers_fd0_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"48.png"'></image>
            <view class='text-cut' style="width:200rpx;">
              {{cityname|| '请选择'}}
              <!-- <image class='' @click.stop="clearAddress" style="width: 32rpx;height: 32rpx;margin-left: 8rpx;"
                mode="aspectFit" :src=' STATIC_URL+"133.png"'>
              </image> -->
            </view>
          </view>
          <view class='flex flex-wrap align-center flex-sub'>
            <text class='findingworkers_fd0_0_c1_c0'>找工人</text>
          </view>
          <view class='flex align-center'>
            <view class='flex flex-wrap align-center justify-center findingworkers_fd0_0_c2_c0'>
            </view>
          </view>
        </view>

      </view>
      <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout">
        <view class='flex flex-wrap align-center justify-between findingworkers_fd1_0'>
          <view class='flex flex-wrap align-center'>
            <image class='findingworkers_fd1_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"162.png"'></image>
            <!-- <text class='findingworkers_fd1_0_c0_c1'>搜索想找的工人</text> -->
            <input class='findingworkers_fd1_0_c0_c1' type="text" placeholder="搜索想找的工人" v-model="keywords"
              @confirm="getListFunc()" placeholder-class="text-999 text-df" />
          </view>
          <view @click.stop="getListFunc()" class='flex flex-wrap align-center justify-center findingworkers_fd1_0_c1'>
            <text>搜索</text>
          </view>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---评价列表flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout findingworkers_flex_2">
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout askingResources_flex_2">
          <benben-down-menu ref="downMenu1699932952330"
            class='flex-direction flex-wrap align-stretch flex askingResources_fd2_0' v-model="is_droup" :auto='false'
            :z-index='99' mark-color='rgba(0,0,0,0.3)'>
            <view class='flex flex-wrap align-center justify-between askingResources_fd2_0_c1'>
              <view class='flex flex-wrap align-center' @tap.stop="stateSwitchingFunc(1)">
                <text class='askingResources_fd2_0_c0_c0_c0_c1_c0' v-if=" state!='1'">工作类型</text><text
                  class='askingResources_fd2_0_c1_c0_c0_1' v-if=" state=='1'">工作类型</text>
                <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"178.png"'
                  v-if=" state!='1'"></image>
                <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"179.png"'
                  v-if=" state=='1'"></image>
              </view>
              <view class='flex flex-wrap align-center' @tap.stop="stateSwitchingFunc(2)">
                <text class='askingResources_fd2_0_c0_c0_c0_c1_c0' v-if=" state!='2'">工资</text><text
                  class='askingResources_fd2_0_c1_c0_c0_1' v-if=" state=='2'">工资</text>
                <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"178.png"'
                  v-if=" state!='2'"></image>
                <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"179.png"'
                  v-if=" state=='2'"></image>
              </view>
              <view class='flex flex-wrap align-center' @tap.stop="stateSwitchingFunc(3)">
                <text class='askingResources_fd2_0_c0_c0_c0_c1_c0' v-if=" state!='3'">是否兼职</text><text
                  class='askingResources_fd2_0_c1_c0_c0_1' v-if=" state=='3'">是否兼职</text>
                <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"178.png"'
                  v-if=" state!='3'"></image>
                <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"179.png"'
                  v-if=" state=='3'"></image>
              </view>
            </view>

            <template #popup>
              <!--   :class="state==2 || state==3 || state==5 ? 'active' : ''" -->
              <view class='flex flex-direction flex-wrap align-stretch askingResources_fd2_0_c0'>
                <!-- 工作类型1 -->
                <view class='flex flex-direction flex-wrap align-center askingResources_fd2_0_c0_c0' v-if=" state=='1'">
                  <benben-select-diy ref="showSelectPopup1699950843741"
                    class-name='flex flex-direction align-center flex' :items.sync="typeaarr" v-model="job_type "
                    @change="search()" default-type="kvalue" default-label="name" :allow-cancel='true' type="radio"
                    :disabled='false'>
                    <template v-for='(item,key0) in typeaarr'>
                      <view v-if="item.isSelected" class='flex align-center flex askingResources_fd2_0_c0_c0_c0_c0'
                        :key="key0" @tap="$refs.showSelectPopup1699950843741.tapHandle(key0)">
                        <text class='askingResources_fd2_0_c0_c0_c0_c0_c0'>{{item.name}}</text>
                      </view>
                      <view v-else class='flex flex askingResources_fd2_0_c0_c0_c0_c0' :key="key0"
                        @tap="$refs.showSelectPopup1699950843741.tapHandle(key0)">
                        <text class='askingResources_fd2_0_c0_c0_c0_c1_c0'>{{item.name}}</text>
                      </view>
                    </template></benben-select-diy>
                </view>
                <!-- 工资2 -->
                <view class='flex flex-direction flex-wrap align-center askingResources_fd2_0_c0_c0' v-if=" state=='2'">
                  <benben-select-diy ref="showSelectPopup16999508437411"
                    class-name='flex flex-direction align-center flex' :items.sync="salaryrange"
                    v-model="jobsalaryrange_id  " @change="search()" default-type="aid" default-label="name"
                    :allow-cancel='true' type="radio" :disabled='false'>
                    <template v-for='(item,key0) in salaryrange'>
                      <view v-if="item.isSelected" class='flex align-center flex askingResources_fd2_0_c0_c0_c0_c0'
                        :key="key0" @tap="$refs.showSelectPopup16999508437411.tapHandle(key0)">
                        <text class='askingResources_fd2_0_c0_c0_c0_c0_c0'>{{item.min_max}}</text>
                      </view>
                      <view v-else class='flex flex askingResources_fd2_0_c0_c0_c0_c0' :key="key0"
                        @tap="$refs.showSelectPopup16999508437411.tapHandle(key0)">
                        <text class='askingResources_fd2_0_c0_c0_c0_c1_c0'>{{item.min_max}}</text>
                      </view>
                    </template></benben-select-diy>
                </view>
                <!-- 是否兼职 4 -->
                <view class='flex flex-direction flex-wrap align-center askingResources_fd2_0_c0_c0' v-if=" state=='3'">
                  <benben-select-diy ref="showSelectPopup16999508437412"
                    class-name='flex flex-direction align-center flex' :items.sync="jobarr" v-model="part_job"
                    @change="search()" default-type="kvalue" default-label="name" :allow-cancel='true' type="radio"
                    :disabled='false'>
                    <template v-for='(item,key0) in jobarr'>
                      <view v-if="item.isSelected" class='flex align-center flex askingResources_fd2_0_c0_c0_c0_c0'
                        :key="key0" @tap="$refs.showSelectPopup16999508437412.tapHandle(key0)">
                        <text class='askingResources_fd2_0_c0_c0_c0_c0_c0'>{{item.name}}</text>
                      </view>
                      <view v-else class='flex flex askingResources_fd2_0_c0_c0_c0_c0' :key="key0"
                        @tap="$refs.showSelectPopup16999508437412.tapHandle(key0)">
                        <text class='askingResources_fd2_0_c0_c0_c0_c1_c0'>{{item.name}}</text>
                      </view>
                    </template></benben-select-diy>
                </view>
              </view>

            </template>
          </benben-down-menu>
        </view>
        <view class='flex flex-direction align-stretch findingworkers_fd2_0' v-if="!is_droup"
          v-for="(item,index) in dataList" :key="index" @tap.stop="handleJumpDiy" data-type="navigateTo"
          :data-url="`/pages/homePage/Talentdetails/Talentdetails?aid=${item.user_id}`">
          <view class='flex flex-wrap align-start findingworkers_fd2_0_c0'>
            <view class="findingworkers_fd2_0_c0_c0 position-relative">
              <image class='findingworkers_fd2_0_c0_c0' mode="aspectFill" :src='item.user_avatar'></image>
              <image class='sex' v-if="item.sex==1" mode="aspectFit" :src='STATIC_URL+"152.png"'>
                <image class='sex' v-if="item.sex==2" mode="aspectFit" :src='STATIC_URL+"153.png"'>
            </view>

            <view class='flex flex-direction flex-wrap align-stretch flex-sub findingworkers_fd2_0_c0_c1'>
              <text class='findingworkers_fd2_0_c0_c1_c0'>{{item.true_name}}</text>
              <view class='flex flex-wrap align-center'>
                <text class='findingworkers_fd2_0_c0_c1_c1_c0'>{{item.address_area}}</text>

                <view class='flex  findingworkers_fd2_0_c0_c1_c1_c1'></view>

                <text class='findingworkers_fd2_0_c0_c1_c1_c0'>{{item.job_years_name}}</text>

                <view class='flex  findingworkers_fd2_0_c0_c1_c1_c1'></view>

                <text class='findingworkers_fd2_0_c0_c1_c1_c0'>{{item.part_job_name}}</text>

                <view class='flex  findingworkers_fd2_0_c0_c1_c1_c1'></view>

                <text class='findingworkers_fd2_0_c0_c1_c1_c0'>{{item.get_age}}</text>

                <view class='flex  findingworkers_fd2_0_c0_c1_c1_c7'></view>

              </view>
            </view>
          </view>
          <view class='flex flex-wrap align-center findingworkers_fd2_0_c1'>
            <text>求职期望：{{item.job_type_name}}</text>
          </view>
          <view class='flex flex-wrap align-center findingworkers_fd2_0_c2'>
            <text>薪资期望：{{item.intended_wage}}元/月</text>
          </view>
          <view class='text-cut findingworkers_fd2_0_c3' style="width:686rpx;">{{item.advantage}}</view>

          <view class='flex  findingworkers_fd2_0_c4'></view>
        </view>

        <fu-empty :pagingListLoadedAll="pagingListLoadedAll" :pagingListNoListData="pagingListNoListData"
          :listDataLength="listDataLength" :isLoadInit="isLoadInit"></fu-empty>
      </view>

      <!---评价列表flex布局结束-->
    </view>
    <benben-picker ref="benbenWritePickerCodepicker2" :visible.sync="pickerDiy1719971171261" :label.sync='city'
      :province.sync='address_province' :city.sync='address_city' :area.sync='address_district' mode='region'
      :mask-show='true' :picker-height='88' :hide-area='false' @change="getListFunc()">
      <template #picker-header>
        <view class='flex flex-wrap align-center justify-between Publishlistings_picker2_0'>
          <text @tap=" $refs.benbenWritePickerCodepicker2.cancel()">取消</text>
          <text>选择地址</text>
          <text class='Publishlistings_picker2_0_c2' @tap="$refs.benbenWritePickerCodepicker2.pickerConfirm()">确认</text>
        </view>
      </template>
    </benben-picker>

  </page-body>
</template>
<script>
  import pagingList from '@/common/mixin/paging_list.js';
  export default {
    components: {},
    mixins: [pagingList],
    data() {
      return {
        is_droup: false,
        "state": "0",
        "keywords": "",
        "dataList": [],
        "minixPagingListsApi": "",
        "pageingListApiMethod": "",
        "allowOnloadGetList": false,
        pickerDiy1719971171261: false,
        jobarr: [],
        typeaarr: [],
        job_type: '',
        part_job: '',
        salaryrange: [],
        jobsalaryrange_id: '',

        address_province: '',
        addressSelect: '',
        address_district: '',
        address_city: '',
        city: '',

        cityinfo: null,
        cityname: '',
        citycode: '',
        region_code: '',
        lat: '',
        lng: '',

      };
    },
    computed: {

    },
    watch: {},
    onLoad(options) {
      this.getData()


    },
    onUnload() {

    },
    onReady() {

    },
    onShow() {
      let that = this
      if (uni.getStorageSync('cityinfo')) {
        that.cityinfo = JSON.parse(uni.getStorageSync('cityinfo'))
        that.lat = that.cityinfo.lat
        that.lng = that.cityinfo.lng
        that.cityname = that.cityinfo.text
        that.citycode = that.cityinfo.code
        that.region_code = that.cityinfo.code
        console.log('that.citycode', that.region_code)
        that.getListFunc()
      } else {
        that.getLocation()
      }
      // console.log(uni.getStorageSync('cityAddress'))
      // if (uni.getStorageSync('cityAddress')) {
      //   this.city = uni.getStorageSync('cityAddress')
      // }
    },
    onHide() {
      // uni.setStorageSync('cityAddress', this.city)
    },
    onResize() {

    },
    onPullDownRefresh() {
      this.job_type = '' //工种
      this.jobsalaryrange_id = '' //工龄
      this.keywords = ''
      this.part_job = ''
      this.getListFunc()
    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      /**
       * @func 地图选点
       */

      getAdd() {
        let _this = this
        console.log('info4566')
        uni.chooseLocation({
          success: (resule) => {
            console.log(resule, '地图');
            _this.lng = resule.longitude
            _this.lat = resule.latitude
            _this.cityname = resule.name
            let cityall = {
              lat: _this.lat,
              lng: _this.lng,
              text: _this.cityname,
            }
            console.log('lllllll', cityall)
            uni.setStorageSync('cityinfo', JSON.stringify(cityall))
            _this.getListFunc()
            // _this.myAmapFun.getRegeo({
            //   location: resule.longitude + ',' + resule.latitude,
            //   success: (data) => {
            //     //成功回调
            //     let regeoData = data[0].regeocodeData.addressComponent;
            //     _this.location_city = regeoData.city.length ? regeoData.city : '';
            //     _this.location_province = regeoData.province;
            //     _this.location_district = regeoData.district;
            //     console.log(_this.location_province, '回调');

            //   },
            //   fail: (info) => {
            //     //失败回调
            //     console.log('info', info)
            //   },
            //   complete: (complete) => {
            //     console.log('2222', complete)
            //   }
            // })
          },
          fail: (info) => {
            //失败回调
            console.log('info11', info)
          },
          complete: (complete) => {
            console.log('2222', complete)
          }
        })
      },
      getLocation() {
        let that = this
        // #ifdef APP
        uni.getLocation({
          type: 'gcj02',
          geocode: true,
          success: (res) => {
            that.lat = res.latitude;
            that.lng = res.longitude;
            that.cityname = res.address.city;
            let cityall = {
              lat: that.lat,
              lng: that.lng,
              text: that.cityname,
            }
            console.log('lllllll', cityall)
            uni.setStorageSync('cityinfo', JSON.stringify(cityall))
            that.getListFunc()
            return;
          },
          complete: (complete) => {
            console.log('complete', complete)
          }
        })
        // #endif
        // #ifdef H5
        that.getListFunc()
        // #endif

      },
      clearAddress() {
        this.city = ''
        uni.setStorageSync('cityAddress', '')
        this.getListFunc()
      },
      chooseCity() {
        this.getListFunc()
      },
      getData() {
        this.$api.post(global.apiUrls.post66754719b8b1c, {}).then(res => {
          if (res.data.code == 1) {

            this.typeaarr = res.data.data.job_type //工种 job_type_name

            this.jobarr = res.data.data.part_job //性质
          }
        })
        this.$api.post(global.apiUrls.post666c279b47269, {}).then(res => {
          if (res.data.code == 1) {
            this.salaryrange = res.data.data
          }
        })
      },
      search() {
        this.is_droup = false
        this.getListFunc()
      },
      getListFunc() {
        this.minixPagingListsApi = global.apiUrls.post66701a89a0f0f;
        this.pageingListApiMethod = 'post';
        this.allowOnloadGetList = false;
        this.pagingListPostDataContent = {
          job_type: this.job_type, //工种
          jobsalaryrange_id: this.jobsalaryrange_id, //工龄
          keywords: this.keywords,
          part_job: this.part_job,
          city: this.cityname,
          lat: this.lat,
          lng: this.lng,
        }
        this.listData = [];
        this.dataList = this.listData;
        uni.stopPullDownRefresh()
        this.pagingListToggle();
      },
      pagingListPostData() {
        return this.pagingListPostDataContent
      },
      //隐藏下拉容器
      hidedropdownContainerFunc() {
        if (this.is_droup == false) {
          this.is_droup = true;
        } else {
          this.is_droup = false;
        }
      },
      //状态切换
      stateSwitchingFunc(type) {
        this.state = type;
        this.hidedropdownContainerFunc()
      },
    }
  };
</script>
<style lang="scss" scoped>
  .Publishlistings_picker2_0_c2 {
    color: rgba(255, 111, 2, 1);
  }

  .Publishlistings_picker2_0 {
    border-bottom: 1px solid #eee;
    background: #fff;
    padding: 0rpx 32rpx 0rpx 32rpx;
    line-height: 88rpx;
    border-radius: 25rpx 25rpx 0rpx 0rpx;
    background-size: 100% auto !important;
  }

  .askingResources_flex_2 {
    margin: 10rpx 0rpx 0rpx 0rpx;
  }

  .askingResources_fd2_0_c1_c0_c1 {
    width: 16rpx;
    height: 16rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 8rpx;
  }

  .askingResources_fd2_0_c1_c0_c0_1 {
    color: #FF6F02;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .askingResources_fd2_0_c1 {
    padding: 20rpx 24rpx 20rpx 24rpx;
  }

  .askingResources_fd2_0_c0_c3_c1 {
    background: rgba(1, 129, 255, 1);
    border-radius: 40rpx;
    width: 480rpx;
    line-height: 80rpx;
    font-size: 28rpx;
    color: var(--benbenFontColor3);
  }

  .askingResources_fd2_0_c0_c3_c0 {
    background: rgba(248, 248, 248, 1);
    border-radius: 40rpx;
    width: 190rpx;
    line-height: 80rpx;
    font-size: 28rpx;
    color: rgba(51, 51, 51, 1);
  }

  .askingResources_fd2_0_c0_c3 {
    border-top: 1px solid #eee;
    padding: 8rpx 24rpx 8rpx 24rpx;
  }

  .askingResources_fd2_0_c0_c2_c0_c3_c2_c1 {
    background: rgba(153, 153, 153, 1);
    width: 16rpx;
    height: 1rpx;
    margin: 0rpx 24rpx 0rpx 24rpx;
    transform: scaleY(0.5);
  }

  .askingResources_fd2_0_c0_c2_c0_c3_c2_c0_c0 {
    text-align: center;
  }

  .askingResources_fd2_0_c0_c2_c0_c3_c2_c0 {
    background: rgba(248, 248, 248, 1);
    width: 300rpx;
    height: 64rpx;
    border-radius: 8rpx;
    background-size: 100% auto;
  }

  .askingResources_fd2_0_c0_c2_c0_c1 {
    margin: 40rpx 0rpx 0rpx 0rpx;
  }

  .askingResources_fd2_0_c0_c2_c0_c0_c1_c1_c0 {
    color: #333333;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 24rpx;
  }

  .askingResources_fd2_0_c0_c2_c0_c0_c1_c1 {
    background: rgba(248, 248, 248, 1);
    width: 164rpx;
    height: 64rpx;
    border-radius: 8rpx;
    background-size: 100% auto;
    margin: 24rpx 16rpx 0rpx 0rpx;
  }

  .askingResources_fd2_0_c0_c2_c0_c0_c1_c0_c0 {
    color: rgba(1, 129, 255, 1);
    font-size: 24rpx;
    font-weight: 400;
    line-height: 24rpx;
  }

  .askingResources_fd2_0_c0_c2_c0_c0_c1_c0 {
    background: rgba(1, 129, 255, 0.1);
    width: 164rpx;
    height: 64rpx;
    border-radius: 8rpx;
    background-size: 100% auto;
    margin: 24rpx 16rpx 0rpx 0rpx;
  }

  .askingResources_fd2_0_c0_c2_c0_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .askingResources_fd2_0_c0_c2_c0 {
    padding: 0rpx 0rpx 32rpx 24rpx;
  }

  .askingResources_fd2_0_c0_c2 {
    touch-action: none;
    width: 750rpx;
    height: 600rpx;
  }

  .askingResources_fd2_0_c0_c0_c0_c1_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .askingResources_fd2_0_c0_c0_c0_c0_c0 {
    color: #FF6F02;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .askingResources_fd2_0_c0_c0_c0_c0 {
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  .askingResources_fd2_0_c0_c0 {
    padding: 0rpx 0rpx 32rpx 0rpx;
    position: relative;
    z-index: 9;
  }

  .askingResources_fd2_0_c0 {
    background: #ffffff;
    width: 750rpx;
    border-radius: 0rpx 0rpx 24rpx 24rpx;
    // position: relative;
    // z-index: 9;
    // &.active {
    //   margin-top: 72rpx;
    // }

  }

  .askingResources_fd2_0 {
    position: relative;
    z-index: 2;
  }

  .sex {
    position: absolute;
    top: -10rpx;
    right: -10rpx;
    width: 36rpx;
    height: 36rpx;
  }

  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: url(image-path('154.png')) no-repeat;
    background-size: 100% auto;
  }

  .findingworkers_flex_0 {
    background: url(image-path('154.png')) no-repeat;
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
  }

  .findingworkers_fd0_0_c2_c0 {
    width: 50rpx;
    height: 50rpx;
    margin: 0rpx 0rpx 0rpx 32rpx;
  }

  .findingworkers_fd0_0_c1_c0 {
    font-size: 36rpx;
    color: rgba(16, 16, 16, 1);
    font-weight: 600;
  }

  .findingworkers_fd0_0_c0_c1 {
    font-size: 28rpx;
  }

  .findingworkers_fd0_0_c0_c0 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 10rpx 0rpx 0rpx;
  }

  .findingworkers_fd0_0 {
    background: url(image-path('174.png')) no-repeat;
    padding: 0rpx 32rpx 0rpx 32rpx;
    line-height: 88rpx;
    color: #333;
    background-size: 100% auto;
  }

  .findingworkers_fd1_0_c1 {
    background: #FF6F02;
    border-radius: 32rpx 32rpx 32rpx 32rpx;
    width: 116rpx;
    height: 64rpx;
    line-height: 64rpx;
    color: var(--benbenFontColor3);
  }

  .findingworkers_fd1_0_c0_c1 {
    margin: 0rpx 0rpx 0rpx 16rpx;
    color: var(--benbenFontColor2);
  }

  .findingworkers_fd1_0_c0_c0 {
    width: 32rpx;
    height: 32rpx;
  }

  .findingworkers_fd1_0 {
    border: 1px solid #FF6F02;
    background: #FFFFFF;
    width: 690rpx;
    height: 72rpx;
    margin: 24rpx auto 24rpx auto;
    border-radius: 44rpx;
    padding: 0rpx 8rpx 0rpx 24rpx;
  }

  .findingworkers_flex_2 {
    background: var(--benbenbgColor1);
    background-size: 100% auto;
    border-radius: 24rpx 24rpx 0rpx 0rpx;
  }

  .findingworkers_fd2_0_c5 {
    background: rgba(238, 238, 238, 1);
    height: 1rpx;
    transform: scaleY(0.5);
    margin: 0rpx 32rpx 0rpx 32rpx;
  }

  .findingworkers_fd2_0_c4 {
    background: rgba(238, 238, 238, 1);
    height: 1rpx;
    margin: 28rpx 32rpx 0rpx 32rpx;
    transform: scaleY(0.5);
  }

  .findingworkers_fd2_0_c3 {
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 500;
    color: rgba(133, 133, 133, 1);

    margin: 24rpx 32rpx 0rpx 32rpx;
  }

  .findingworkers_fd2_0_c2 {
    color: rgba(16, 16, 16, 1);
    padding: 0rpx 24rpx 0rpx 24rpx;
  }

  .findingworkers_fd2_0_c1 {
    color: rgba(16, 16, 16, 1);
    padding: 24rpx;
  }

  .findingworkers_fd2_0_c0_c1_c1_c7 {
    background: rgba(248, 248, 248, 1);
    width: 1rpx;
    height: 30rpx;
    margin: 0rpx 16rpx 0rpx 16rpx;
    transform: scaleX(0.5);
  }

  .findingworkers_fd2_0_c0_c1_c1_c1 {
    background: #EEEEEE;
    width: 4rpx;
    height: 30rpx;
    margin: 0rpx 16rpx 0rpx 16rpx;
    transform: scaleX(0.5);
  }

  .findingworkers_fd2_0_c0_c1_c1_c0 {
    color: rgba(153, 153, 153, 1);
    font-size: 24rpx;
  }

  .findingworkers_fd2_0_c0_c1_c0 {
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: #333;
    margin: 0rpx 0rpx 8rpx 0rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .findingworkers_fd2_0_c0_c1 {
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .findingworkers_fd2_0_c0_c0 {
    width: 72rpx;
    height: 72rpx;
    border-radius: 100rpx;
  }

  .findingworkers_fd2_0_c0 {
    margin: 0rpx 32rpx 0rpx 32rpx;
  }

  .findingworkers_fd2_0 {
    padding: 32rpx 0rpx 0rpx 0rpx;
  }
</style>
